<extend name="Public/base"/>
<block name="body">
    <style>
        .portlet.box.blue{border-top:1px solid #b4cef8;}
    </style>

    <div class="portlet box green">
        <div class="portlet-title">
            <div class="caption"><i class="fa fa-reorder"></i>年级管理</div>
            <div class="tools"><a href="javascript:;" class="collapse"></a><a href="javascript:;" class="remove"></a></div>
        </div>
        <div class="portlet-body">
            <div class="col-md-12 margin-bottom-20">
                <a href="{:U('User/classAdd')}" class="btn green">新增年级</a>
            </div>
            <div class="clearfix"></div>

            <volist name="_list" id="vo">
            <div class="col-md-3">
                <div class="portlet box blue">
                    <div class="portlet-body"><h3 class="text-center">{$vo.class_name}</h3></div>
                    <div class="portlet-tabs">
                        <div class="btn-group btn-group-justified">
                            <a href="{:U('User/classandgrade?gid='.$vo['gid'])}" class="btn green">班级</a>
                            <a href="{:U('User/classguanli?gid='.$vo['gid'])}" class="btn blue">管理</a>
                            <if condition="$vo.status eq 1">
                                <a href="{:U('User/classstatus?method=forbidClass&id='.$vo['gid'])}" class="btn red ajax-get">禁用</a>
                                <else/>
                                <a href="{:U('User/classstatus?method=resumeClass&id='.$vo['gid'])}" class="btn red ajax-get">启用</a>
                            </if>

                        </div>
                    </div>
                </div>
            </div>
            </volist>


            <div class="clearfix"></div>
            <!-- 分页 -->
            <div class="page">
                {$_page}
            </div>
        </div>

    </div>

</block>
<block name="script">
<script src="__STATIC__/scripts/app.js"></script>
<!--<script src="__STATIC__/scripts/table-managed.js"></script>-->
<script>
    jQuery(document).ready(function() {
        App.init();
        TableManaged.init();
    });
</script>
</block>